<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>

    <title >查询表</title>

    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/css/bootstrap.min.css}"></script>
    <style type="text/css">
        .bg-nav{

            background-color: darkmagenta;

            opacity: .75;
        }
        body{


            /* margin-left: 35px;
            margin-right: 30px; */
        }
        a{

            color: white;
            font-size: 1px;

        }
        .nav-link{

            color: white;


        }
        .nav-item{

            text-decoration: underline;
            text-decoration-style:red ;
        }

    </style>
    <link th:href="@{/js/advanced-datatable/css/demo_page.css}" rel="stylesheet"/>
    <link th:href="@{/js/advanced-datatable/css/demo_table.css}" rel="stylesheet"/>
    <link rel="stylesheet" th:href="@{/js/data-tables/DT_bootstrap.css}"/>
</head>

<body class="sticky-header">
<div class=" mb-0 row" >
    <img th:src="@{/images/xy.jpg}"  height="30%">
</div>
<!-- end:顶部图片层 -->
<!--start：导航区域  -->
<div class="  "  >

    <!-- start：导航栏-->
    <nav class="navbar navbar-expand-md bg-nav ">
        <!-- 商家名称 -->
        <h3 style="color: white;">南理工自营超市</h3>

        <!-- 响应式按钮-->
        <span style="color: white;"  data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">||||</span>


        <!--start: 导航链接 -->
        <div class="collapse navbar-collapse " id="collapsibleNavbar">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link" href="shopMgr_main.html">首页</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="shopMgr_insert.html">货物上架</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="shopMgr_remove.html">货物下架</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="shopMgr_update.html">货物更新</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="shopMgr_select.html">货物查询</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="shopMgr_reg_jquery.html">管理注册</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="shopMgr_login.html">管理登录</a>
                </li>
            </ul>
        </div>
        <!-- end:导航链接 -->
    </nav>
    <!-- end:导航栏-->
</div>
<!-- end:导航区域-->
<!--start:跑马灯-->
<div id="">
    <marquee behavior="scroll" direction="" style="color:#D63384;">管理人员一定保证数据安全，货物上架之前价格保密</marquee>
</div>
<section>


    <!--body wrapper start-->
    <div class="wrapper">

        <div class="row">
            <div class="col-sm-12">
                <section class="panel">

                    <div class="panel-body">
                        <div class="adv-table">

                            <table class="display table table-bordered" id="hidden-table-info">
                                <thead>
                                <tr>
                                    <th>#</th>
                                    <th>编号</th>
                                    <th>商品名称</th>
                                    <th>商品价格</th>
                                    <th>商品数量</th>
                                    <th>出产商</th>
                                    <th>入库时间</th>



                                </tr>
                                </thead>
                                <tbody>
                                <tr class="gradeX" th:each="shop,stat:${page.records}">
                                    <td th:text="${stat.count}"></td>
                                    <td th:text="${shop.id}"></td>
                                    <td th:text="${shop.name}"></td>
                                    <td th:text="${shop.price}"></td>
                                    <td th:text="${shop.num}"></td>
                                    <td th:text="${shop.addr}"></td>
                                    <td th:text="${#dates.format(shop.getData(),'yyyy/MM/dd')}"></td>


                                    <td>
                                        <a th:href="@{/shop/delete/{id}(id=${shop.id},pn=${page.getCurrent()})}" class="btn btn-info" type="button">删除</a>
                                        <a th:href="@{/shop/update/{id}(id=${shop.id})}" data-toggle="modal" class="btn btn-warning " >
                                            修改
                                        </a>
                                        <!--th:href="@{/medic/edit/}+${medic.getId}"-->
                                    </td>


                                </tr>
                                </tbody>
                            </table>

                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>
    <!--body wrapper end-->




    </div>
    <!-- main content end-->
</section>





<div class="col-sm-12 bg-nav"  style="margin:0 auto; text-align: center; color:white">南理工自营超市</div>

<script type="text/javascript" language="javascript" src="js/advanced-datatable/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="js/data-tables/DT_bootstrap.js"></script>

<div th:replace="common::#commonscript"></div>
<!--dynamic table-->

<!--dynamic table initialization -->
<!--<script src="js/dynamic_table_init.js"></script>-->


</body>
</html>
